<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-ZqSLxXbS.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-lmG5qqDC.css">
  </head>

  <body>
    <div class="container">
      <label for="pin">Enter PIN:</label>
      <input type="password" id="pin" placeholder="Enter your PIN (1234)" />
      <button>Submit</button>

      <div class="options">
        <button>Check Balance</button>
        <button>Deposit</button>
        <button>Withdraw</button>
        <button>Logout</button>
      </div>

      <div id="output"></div>
    </div>
  </body>
</html>
